<template>
    <div class="myTip">
  <div>
    <p> {{text}}</p>
   <!-- <button>确定</button> -->
  </div>
  </div>
</template>

<script>
export default {
  name: 'myTip',
  props:['text'],

  methods:{
    fn(){
      this.$store.state.flag=0
    }
  }
}
</script>

<style scoped lang="scss" >

.myTip {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    font-size: 5rem;
    color: #fff;
    text-align: center;
    background:rgba(0, 0, 0, 0.6);
    div{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 80%;
      height: 60rem;
      border-radius: 5rem;
      background: rgba(255,255,255,0.8);
      p{
        color: black;
        font-size: 3rem;
      }
    }
    button{
      width: 20rem;
      height: 8rem;
      border-radius: 2rem;
      margin-top: 10rem;
    }
}
</style>
